/*
 * 基于CSS3开发的网站前端样式，适用于Z-blogPHP主题《燕雀-LightPage轻单页》
 * 作者：星岚工作室（QQ：914466480）
 * 网站：https://www.hnysnet.com/
 * 主题版本:1.1
*/
/*css reset*/
html{-webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
body{color:#333333;font-size:14px;font-family:"PingFang SC",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Source Han Sans","Noto Sans CJK Sc","Microsoft YaHei","Microsoft Jhenghei",sans-serif;}
@font-face{font-family:iconfont;src:url(iconfont/iconfont.woff2?t=1625538897231) format('woff2'),url(iconfont/iconfont.woff?t=1625538897231) format('woff'),url(iconfont/iconfont.ttf?t=1625538897231) format('truetype')}
.iconfont{font-family:iconfont!important;font-size:14px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;border:0;outline:0;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: transparent;}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{vertical-align:baseline}
a,ins{color:#1e6bb8;text-decoration:none;transition:all .15s ease 0s;}
a:hover{text-decoration:underline;}
button{background: transparent;}
button:focus , input:focus , textarea:focus{outline:0;} 
ol , ul{list-style-type:none}
i{font-style:normal}
img{max-width:100%;height:auto;border:0;vertical-align:middle;transform: rotateZ(0);-moz-transform: rotateZ(0);-webkit-transform: rotateZ(0);-o-transform: rotateZ(0);-webkit-transition:-webkit-transform .2s ease 0s;transition:transform .2s ease 0s}
video{height:auto!important;width:100%!important}
video::-internal-media-controls-download-button{display:none}
video::-webkit-media-controls-enclosure{overflow:hidden}
video::-webkit-media-controls-panel{width:calc(100% + 30px)}
.clear{clear:both}
.main{margin:0 auto;max-width:1000px}
header{padding:100px 0 100px 0;position: relative;text-align:center;color:#ffffff;background-color:#159957;background-image:linear-gradient(120deg,#155799,#159957);background-repeat: no-repeat;background-position: top;background-size: cover;z-index:99;position:relative;}
header.head_p{padding:140px 0 100px 0!important;}
.breadcrumb_box{background-color:rgba(0,0,0,.2); color:rgba(255,255,255,.7);position: absolute;top:0;left:0;right:0;padding:0 10px;line-height:150%;}
.breadcrumb_box .home{float:left;padding:10px 0;}
.breadcrumb_box .mlogo{float:left;margin:5px 0 5px -5px;}
.breadcrumb_box .mlogo img{height:30px;}
.breadcrumb_box .breadcrumb , .homepage{float:right;text-align: right; padding:10px 0;}
.breadcrumb_box a{color:rgba(255,255,255,.7);}
.breadcrumb_box i{padding:0 10px}
.homepage{display: none;font-family: "iconfont" !important;}
.homepage::before{content: "\e67a";margin-right: 5px;}
/***网站字体颜色**/
.title_box .logo {margin-bottom:20px;}
.title_box .logo , .title_box .logo img{height:60px;}
.title_box h1{font-size:40px;line-height:150%;font-weight: bold;margin-bottom:20px;}
.ArticleEdt{float:right;font-size:14px;font-weight: normal;}
.title_box h1 a , .title_box .info span a{color:#ffffff;}
.title_box p , .title_box .info{line-height:150%;margin-bottom:20px;opacity:.7;filter: alpha(opacity=70); zoom: 1; }
.nav{margin:0 -10px;}
.nav li{display:inline-block;margin:20px 10px 0 10px;}
.nav li a{background-color:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);border-style:solid;border-width:1px;border-radius:3px;color:rgba(255,255,255,.7);display: block;padding:12px 30px;transition:color .2s,background-color .2s,border-color .2s;}
.nav li a:hover{background-color:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3);color:rgba(255,255,255,.8);text-decoration:none;}
.title_box .info{margin:0 -10px 20px -10px;}
.title_box .info span{margin:0 10px;}
.section{margin:20px 0;}
.section h2{line-height:175%;margin:20px 0;}
.section h2 span{float:right;font-size:14px;font-weight: normal; }
.section h2 span a{color:#333333;}
.section h2 span a:hover{color:#1e6bb8;text-decoration: none;}
/* 子分类菜单 */
.SubCategorys{text-align: center; margin:0 -10px;font-size: 0;}
.SubCategorys li{display: inline-block;width:20%; padding:0 10px;font-size: 14px; text-align:center;}
.SubCategorys li a{padding:7px 0;color:#555555;margin:20px 0 0 0;display:block;border-radius:3px;border:1px solid #dfe6ec;background: #f2f5f7;}
.SubCategorys li a.cur , .SubCategorys li a:hover{text-decoration:none;background:#f2f5f7}
.hret{ padding:0 5px;border-radius: 3px;line-height: 18px;position: relative;}
/* 文章列表 */
.list-a{font-size: 0;}
.list-a li{display: inline-block; width:49%;margin:20px 2% 0 0;line-height:150%;font-size:16px;}
.list-a li:first-child{margin:0 2% 0 0;}
.list-a li:nth-child(2n){margin:20px 0 0 0;}
.list-a li:nth-child(2){margin:0;}
.list-a li span{font-size:12px;float:right;color:#999999;}
/* 推广 */
.list-a li span.hret {border:1px solid #dfe6ec;top:2px;}
/* 图片列表 */
.list-pic{font-size: 0;}
.list-pic li {display: inline-block; width: 32%;margin:20px 2% 0 0; position: relative;}
.list-pic li:first-child , .list-pic li:nth-child(2) {margin:0 2% 0 0;}
.list-pic li:nth-child(3n){margin:20px 0 0 0;}
.list-pic li:nth-child(3){margin:0;}
.list-pic li .hret{position:absolute; font-size: 14px; top:15px;right:15px;z-index: 99; background-color:rgba(0,0,0,.1);border-color:rgba(255,255,255,.2);border-style:solid;border-width:1px;color:rgba(255,255,255,.7);}
.list-pic li .cover{position:relative;padding-top:75%;width:100%;}
.list-pic li .cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.list-pic li h2{line-height:24px;height:48px;font-weight:normal;margin:20px 0 0 0;border:0;padding:0;font-size:16px;color:#1e6bb8; }
.list-pic li h2:before{border:0;margin:0;}
/* 评论列表 */
.list_comm li { overflow: hidden; padding: 20px 0; display: block;border-top: 1px solid #e9ebec; }
.list_comm li:first-child{padding:0 0 20px 0;border:0; }
.list_comm li img { float: left; width: 39px; height: 39px; border-radius: 50%; transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;-o-transition: 1s;}
.list_comm li:hover img {transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);}
.list_comm li .comm_info { margin-left: 50px;overflow: hidden }
.list_comm li .comm_info  h5 { line-height: 21px;font-size: 14px; font-weight:normal; display: block}
.list_comm em { color: #999999; line-height: 18px; margin-bottom:10px;font-size: 12px; font-style: normal; display: block }
.list_comm p { line-height:150%; }
/* 单行显示省略号 */
.list-a li , .links li a , .SubCategorys li a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-pic li h2{overflow:hidden; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;text-overflow: clip;}
.IsTop::before{margin:0 3px 0 0;content:"\e607";color:red;font-weight:normal;font-family: iconfont;}
/* 友情链接和标签列表 */
.links{margin:-10px -10px 0 -10px;font-size: 0;}
.links li{display: inline-block;font-size: 14px; width:20%;padding:0 10px;line-height:150%;position: relative;}
.links li small{position:relative ; top:-1px; font-size:12px; }
.links li a{display: block;margin:10px 0 0 0;}
/*翻页*/
.pagebar{text-align: center;margin:20px -5px 10px -5px;}
.pagebar .page{display:inline-block;line-height:32px;width:32px;border-radius:3px;margin:0 5px 10px 5px; text-align:center;color:#999999;border:1px solid #e9ebec;}
.pagebar .now-page , .pagebar .page:hover{color:#ffffff;border:1px solid #159957;background: #159957;}
/**正文**/ 
.article {font-size:16px;} 
.article p , .article div , .article blockquote{ line-height: 175%;margin:20px 0;}
.article img{ padding: 10px; -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);background: #ffffff;}
.article h2 , .article h3 , .article h4 , .article h5 , .article h6{line-height: 175%;margin: 20px 0;}
.article h2::before , .article h3::before , .article h4::before , .article h5::before , .article h6::before , .section h2::before{content:"";margin-right: 10px;border-radius: 2px;}
.article h2::before , .section h2::before{border-left: 6px solid #159957;}
.article h3::before{border-left: 5px solid #159957;}
.article h4::before{border-left: 4px solid #159957;}
.article h5::before{border-left: 3px solid #159957;}
.article h6::before{border-left: 2px solid #159957;}
.article img{max-width: 100%!important;height: auto !important;}
/**======上标、下标======**/
.article sup{position:relative;top:-3px;padding:0 2px;font-family: "iconfont" !important;}
.article sup::before{content:"\e80a";font-size:12px;margin-right:2px;}
.article sub{position:relative;top:3px;padding:0 2px;font-family: "iconfont" !important;}
.article sub::before{content:"\e80a";font-size:12px;margin-right:1px;}
/**======引用======**/
.article blockquote {background: #f5f5f5;color:#666666;position: relative; overflow: hidden; font-family: "iconfont" !important;}
.article blockquote {padding:0 20px 0 60px;}
.article blockquote p , .article blockquote div{font-size:14px;}
.article blockquote::before {content:"\ea9e";color:#d9d9d9;font-size:20px;position:absolute;left:20px;top:18px;}
.article section{width:100%!important}
/**======table表格======**/
.article table{width:100%;overflow:hidden;border-spacing:0;border-collapse:collapse;margin:20px 0;}
.article table th , .article table td{padding:15px 20px;border:1px solid #dedede;word-break:break-word}
.article table td p , .article table td div{margin:0!important;} 
.article table tr{background:#ffffff;}
.article table tr:nth-child(2n){background:#f7fafc;}
.article table>thead>tr>th{background:#e8e8e8;position:relative;vertical-align:middle;white-space:nowrap;}
.article table caption{line-height:175%;padding:15px 20px;}
/*有序列表和无序列表*/
.article ol{padding:0 0 0 32px;}
.article ul{padding:0 0 0 35px;}
.article ol ,.article ul {list-style-type: decimal;}
/**======代码语言======**/
.article pre{line-height:175%!important;margin:20px 0!important;}
.article pre code{background:transparent;display:inline;max-width:inherit;padding:2px 0 0 0;margin:0;overflow:visible;line-height:175%;word-wrap:normal;border:0;}
.article pre code::after,.content pre code::before{content:normal}
.article hr{border-bottom:1px solid #dedede;}
.article .edui-editor{z-index: 9!important}
.article .edui-default , .article .edui-default div {line-height:100%;margin:0;}
.tags{margin-right:-15px;line-height: 150%; font-family: "iconfont" !important;}
.tags::before{content:"\e6c5";margin-right:5px;}
.tags a{margin:0 15px 15px 0}
/*翻篇*/
.turn{overflow: hidden;margin-right: -2%; }
.turn li{line-height:150%;margin-right:2%;width:48%;float:left;font-size: 16px;}
.turn li::before{display: block;font-size: 12px;line-height: 16px;font-weight: bold;margin:0 0 10px 0;font-family:iconfont!important;border-left: 2px solid #159957;padding-left: 5px; }
.turn_prev::before{content:"上一篇";}
.turn_next::before{content:"下一篇";}
/****评论开始***/
#comments h2 span small{background:#07c160;color:#ffffff;padding:0 5px;display: inline-block;line-height: 16px; margin:0 2px;border-radius: 2px;position: relative;top:-1px;}
.compost{margin:0 0 20px 0;}
.compost .com_name span{line-height:21px;margin:0 20px 0 0;display: inline-block; position: relative;top:-10px;}
.compost .com_info { overflow: hidden; }
.compost .com_info ul {margin-right: -3%; }
.compost .com_info li { float: left; margin-right: 3%;width:30.333333%; margin-bottom: 20px; position: relative;}
.compost .com_info li input { width: 100%; height: 36px; line-height: 36px; padding:0 10px; border: 1px solid #e9ebec;border-radius: 5px;}
.compost .com_info li img {position: absolute; top:0;left:100%;height: 36px;vertical-align: top }
.compost .com_info textarea { width: 100%;resize:none; margin-bottom:20px;border: 1px solid #e9ebec; display: block; padding: 10px;border-radius: 5px;}
.compost .com_info button { background: #f2f5f7; border:1px solid #dfe6ec;color:#555555;line-height: 40px; padding:0 30px;width:100%;font-size: 16px;display:inline-block;cursor:pointer;border-radius: 10px;}
.compost .com_info button:hover{ background: #ecf0f4;}
.comlist ul { border-top: 1px solid #e9ebec; }
.comlist ul ul { margin-left: 5% }
.comlist ul li p ul{margin-top:20px;}
.comlist ul li p ul li{padding:20px 0 0 0;}
.comlist li { overflow: hidden; padding: 20px 0; display: block; }
.comlist li img { float: left; width: 39px; height: 39px; border-radius: 50%; transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;-o-transition: 1s;}
.comlist li:hover img {transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);}
.comlist li .clbody { margin-left: 50px }
.comlist li.reply{padding:0!important; }
.clbody .cinfo { overflow: hidden }
.clbody .cinfo h5 { float: left;line-height: 21px;font-size: 14px; font-weight:normal;}
.clbody .cinfo span { float: right; }
.clbody em { color: #999999; line-height: 18px; margin-bottom:10px;font-size: 12px; font-style: normal; display: block }
.clbody p { line-height:150%; }
.compost .com_name a , .clbody .cinfo h5 , .clbody .cinfo span a , .clbody p a { color: #6492c1; }
.comlist .pagebar{border-top: 1px solid #e9ebec;margin:0 -5px 10px -5px;padding:20px 0 0 0;}
/**评论样式结束**/
footer{ padding:20px 0 ;border-top:solid 1px #e9ebec;text-align: center;}
footer ul{line-height:150%;margin:0 -10px 10px -10px;}
footer ul li{display:inline-block;margin:0 10px}
footer p{line-height:150%;}
footer p , footer a{color:#999999;}
.gongan{position: relative;top:-2px;}
.jumpa{position:fixed;top:50%;left:50%;margin:-60px 0 0 510px ;z-index: 9999;width:30px;font-size:14px;writing-mode:horizontal-tb;text-align: center;display: none;}
.jumpa .jumpb{margin:10px 0;border:1px solid #dfe6ec;display: inline-block;padding:5px;text-decoration: none;background: #fff; color:#999999;overflow:hidden;cursor : pointer;}
.ud2{display:block!important;}
@media screen and (max-width:1081px){
.jumpa{left:100%;margin:-60px 0 0 -40px ;}
.main {padding:0 30px;}
footer{padding:20px 0;}
}
@media screen and (max-width:721px){
header{padding:50px 0}
header.head_p{padding:100px 0 50px 0!important;}   
.title_box h1{font-size:32px}
.nav , .turn{margin:0;}
.nav li , .turn li{width:100%;margin:20px 0 0 0;}
.turn li:first-child{margin:0;}
.nav li a{padding:8px 0;}
/* zifenlei */
.SubCategorys li , .links li{width:33.333333%;}
/* 纯标题文章列表 */
.list-a li{width:100%;margin:20px 0 0 0;}
.list-a li:first-child{margin:0;}
.list-a li:nth-child(2){margin:20px 0 0 0;}
/* 图片列表 */
.list-pic li { width: 49%;margin:20px 2% 0 0;}
.list-pic li:nth-child(2n){margin:20px 0 0 0;}
.list-pic li:nth-child(2) {margin:0;}
.list-pic li:nth-child(3){margin:20px 2% 0 0;}

}
@media screen and (max-width:481px){
.breadcrumb_box .breadcrumb , .list-a li span{display: none;}
.homepage{display: block;}
.SubCategorys li , .links li{width:50%;}

.compost .com_info ul , .compost .com_info li{width:100%;margin-right:0;}
.compost .com_info li:nth-child(4){width:50%;}

.main {padding:0 20px;}
footer{padding:20px 0;}
footer{font-size: 12px;}
}